/*!
 * @Author:ResetDay
 * @GitHub:https://github.com/ResetDay
 * @Email:ResetZeroDay@gmail.com
 * @Blog:https://blog.ResetDay.top
 * @Copyright http://echarts.baidu.com/
 */

//画板
var dom = document.getElementById("container");
//初始化（默认Canvas渲染）
var myChart = echarts.init(dom);
//时间显示文本
var date_text = document.getElementById("date_text");

/*
------------------------------------------------------------------------------------------
基本界面基本信息
*/

//主标题
var my_title='哔哩哔哩直播人气排行榜';
//副标题
var my_subtext='(2018/08/13~2018/08/17)';
//作者水印
var author='Powered By Echarts';

//构建初始化背景图(包含标题、柱形背景和榜首缩略图)
var bg_img = new Image();
    bg_img.src = './images/33.jpg';
    
//定义bar样式
var color_list = ['#800080 ','#f00', '#0f0', '#6ff', '#ff0','#f0f', '#0ff', '#fff','#9370DB', '#00f', '#800080 ','#FF8C00 ','#B8860B ', '#d48265', '#91c7ae','#749f83',  '#ca8622', '#bda29a','#6e7074', '#546570','#c4ccd3']   

//榜首名称
var topUP='';

//初始化数据
var my_dataset=RoomJson[0];
topUP=my_dataset[0].x_value;

//初始化界面
var option=myconfig(topUP,bg_img,my_dataset,color_list);
 myChart.setOption(option, true);



//加载动画
//myChart.showLoading();


/*
------------------------------------------------------------------------------------------
*/

var i=0;
setInterval(function() {

     //异步加载数据          
     //Push();

     //加载json_data.js数据
     if (i<RoomJson.length) {

        var my_dataset= RoomJson[i];
        //console.log(my_dataset);
        //显示时间
        date_text.innerHTML=my_dataset[0].date;
        //更新榜首名称
        topUP=my_dataset[0].x_value;

        var option2=myconfig(topUP,bg_img,my_dataset,color_list);
        
        myChart.setOption(option2, true);
        i=i+1;
    }
    else{
          
        i=0;
    }



},250);//请求时间间隔



//异步加载数据
 function Push() {
    $.ajax({
        url: "http://localhost:8080/readRank",
        type: 'GET',
        async: false,
        dataType: "json",
        success: function(result) {
            var code=result['status'];
            var my_dataset;
            if(code==0){
                my_dataset = eval(result['data'])
            }

            //console.log(my_dataset);
            //显示时间
            date_text.innerHTML=my_dataset[0].date;
            //更新榜首名称
            topUP=my_dataset[0].x_value;
          
            myChart.hideLoading();
       
            option=myconfig(topUP,bg_img,my_dataset);
            
            myChart.setOption(option, true);

        },
        error: function() {
            alert("数据请求失败!");
        }
    },1000);

};

